<#assign base=request.contextPath>
<!DOCTYPE html> 
<html>
	<head>
		<title></title>
		<meta charset="utf-8">
		<#include "common/reference.ftl" />
		<#include "common/ligerui.ftl" />
		<script type="text/javascript">
		<!--
			var ligerTable = null;
			$(function(){
				$('.select-chosen').chosen();
				$('.date-picker').datepicker();
				ligerTable = $('#table').ligerGrid({
					width:'98%',
					enabledSort:false,
					pageSizeOptions:[5,10,20,50,100,200],
					height:'auto',
					alternatingRow:true,
					parms:[{name:'tripNo',value:'${tripNo}'}],
					url:'${base}/${route}/crews/getList',
					delayLoad:false,
					columns:[
						{display:'司机行程单号',name:'driverTripNo',id:'driverTripNo',align:'center',minWidth:150},
						{display:'乘客行程单号',name:'crewTripNo',id:'crewTripNo',align:'center',minWidth:150},
						{display:'乘客手机号',name:'linkUser.phoneNo',id:'linkUser.phoneNo',align:'center',minWidth:150},
						{
							display:'乘客状态',
							name:'crewStatus',
							id:'crewStatus',
							align:'center',
							minWidth:150,
							render:function(row){
								var crewStatus = row.crewStatus;
								if(crewStatus == 1){
									return '未上车';
								}
								else if(crewStatus == 2){
									return '上车';
								}
								else if(crewStatus == 4){
									return '下车';
								}
							}
						},
						{
							display:'乘客上车时间',
							name:'crewOnTime',
							id:'crewOnTime',
							align:'center',
							minWidth:150,
							render:function(row){
								var crewOnTime = row.crewOnTime;
								if(crewOnTime > 0){
									return formatDate(crewOnTime * 1000);
								}
								return '-';
							}
						},
						{
							display:'乘客下车时间',
							name:'crewOffTime',
							id:'crewOffTime',
							align:'center',
							minWidth:150,
							render:function(row){
								var crewOffTime = row.crewOffTime;
								if(crewOffTime > 0){
									return formatDate(crewOffTime * 1000);
								}
								return '-';
							}
						},
						{
							display:'是否支付',
							name:'payStatus',
							id:'payStatus',
							align:'center',
							minWidth:150,
							render:function(row){
								var payStatus = row.payStatus;
								if(payStatus){
									return '已支付';
								}
								return '未支付';
							}
						},
						{
							display:'是否取消',
							name:'canceled',
							id:'canceled',
							align:'center',
							minWidth:150,
							render:function(row){
								var canceled = row.canceled;
								if(canceled){
									return '已取消';
								}
								return '未取消';
							}
						}
						
					]
				});
			});
		//-->
		</script>
	</head>
	<body class="$configs["skinName"]">
		<#include "common/breadcrumb.ftl">
		<div class="widget-box">
			<div class="widget-header">
				<h5 class="lighter">
					<i class="icon-table"></i>
					${module}列表
				</h5>
			</div>
			<div class="widget-body">
				<div id="table"><div>
			</div>
		</div>
	</body>
</html>